{% extends "../layouts/_base.njk" %}
{% block title %}
  公告板 Button
{% endblock %}
{% block content %}
    <div class="app-main demo">
        <div class="app-card">
            <div class="app-card-header">
                <h4>水浒传每回的标题，其实这是一个卡片</h4>
            </div>
            <div class="app-card-content">
                <h1>h1. 第一回 张天师祈禳瘟疫 洪太尉误走妖魔</h1>
                <h2>h2. 第二回 王教头私走延安府 九纹龙大闹史家村</h2>
                <h3>h3. 第三回 史大郎夜走华阴县 鲁提辖拳打镇关西</h3>
                <h4>h4. 第四回 赵员外重修文殊院 鲁智深大闹五台山</h4>
                <h5>h5. 第五回 小霸王醉入销金帐 花和尚大闹桃花村</h5>
                <h6>h6. 第六回 九纹龙剪径赤松林 鲁智深火烧瓦罐寺</h6>
            </div>
        </div>
        <!--/row-->

        <div class="row">
            <div class="col-6">
                <div class="app-card">
                    <div class="app-card-header">
                        <h4>水浒传每回的标题</h4>
                    </div>
                    <div class="app-card-content">
                        <h1>h1. 第一回 张天师祈禳瘟疫 洪太尉误走妖魔</h1>
                        <h2>h2. 第二回 王教头私走延安府 九纹龙大闹史家村</h2>
                        <h3>h3. 第三回 史大郎夜走华阴县 鲁提辖拳打镇关西</h3>
                        <h4>h4. 第四回 赵员外重修文殊院 鲁智深大闹五台山</h4>
                        <h5>h5. 第五回 小霸王醉入销金帐 花和尚大闹桃花村</h5>
                        <h6>h6. 第六回 九纹龙剪径赤松林 鲁智深火烧瓦罐寺</h6>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="app-card">
                    <div class="app-card-header">
                        <h4>水浒传每回的标题</h4>
                    </div>
                    <div class="app-card-content">
                        <h1>h1. 第一回 张天师祈禳瘟疫 洪太尉误走妖魔</h1>
                        <h2>h2. 第二回 王教头私走延安府 九纹龙大闹史家村</h2>
                        <h3>h3. 第三回 史大郎夜走华阴县 鲁提辖拳打镇关西</h3>
                        <h4>h4. 第四回 赵员外重修文殊院 鲁智深大闹五台山</h4>
                        <h5>h5. 第五回 小霸王醉入销金帐 花和尚大闹桃花村</h5>
                        <h6>h6. 第六回 九纹龙剪径赤松林 鲁智深火烧瓦罐寺</h6>
                    </div>
                </div>
            </div>
        </div>
        <!--/row-->

    </div>
    <!--/body-->
{% endblock %}
{% block js_footer %}
{% endblock %}